<style>
.{{$template|escape:'html'}}_table1 {
  width: 100%;
}
.{{$template|escape:'html'}}_td1 {
  height: 30px;
  text-align: left;
  font-weight: bold;
  white-space: nowrap;
  padding:0 0 10px;
}
.{{$template|escape:'html'}}_td2 {
  padding: 2px 0;
  text-align: left;
}
.{{$template|escape:'html'}}_td3 {
  padding: 0 10px 0 0;
  white-space: nowrap;
  text-align: left;
  height: 27px;
}
.{{$template|escape:'html'}}_td4 {
  height: 40px;
  text-align: right;
  vertical-align: bottom;
}
.{{$template|escape:'html'}}_td5 {
  height: 27px;
  width: 30px;
  padding-left: 3px;
}
.{{$template|escape:'html'}}_td6 {
  padding-right: 3px;
  height: 25px;
}
.{{$template|escape:'html'}}_input {
  height: 16px;
  width: 200px;
}
.{{$template|escape:'html'}}_select1 {
  height: 22px;
  width: 205px;
}
.{{$template|escape:'html'}}_select2 {
  height: 22px;
  width: 184px;
}
.{{$template|escape:'html'}}_text {
  height: 70px;
  width: 400px;
}
.{{$template|escape:'html'}}_td7 {
  width: 150px;
  height: 24px;
  background-color: #acc8fe;
  padding: 0 25px 0 5px;
  font-weight: bold;
}
.{{$template|escape:'html'}}_td8 {
  width: 150px;
  height: 24px;
  background-color: #acc8fe;
  padding: 0 25px 0 5px;
  font-weight: bold;
}
.{{$template|escape:'html'}}_td9 {
  width: 250px;
  height: 24px;
  background-color: #acc8fe;
  padding: 0 25px 0 5px;
  font-weight: bold;
}
.{{$template|escape:'html'}}_td10 {
  width: 50px;
  height: 24px;
  background-color: #acc8fe;
  padding: 0 25px 0 5px;
  font-weight: bold;
}
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      var gui = AbsPMailerAddParcel.gui('{{$template|escape:'javascript'}}');
      new HandlePMailerAddParcel(gui, MiscUtils.decode('{{$user|escape:javascript}}'), MiscUtils.decode('{{$date|escape:javascript}}'), MiscUtils.decode('{{$options|escape:javascript}}'), JSON.parse('{{$data|escape:javascript}}'));
    }
  //-->
</script>

<div align="left">
  <table cellPadding="0" cellSpacing="0">
    <tr>
      <td>
        <table cellPadding="0" cellSpacing="0" >
          <tr>
            <td align="left">Sent Date</td>
            <td class="{{$template|escape:'html'}}_td2">
              <input class="{{$template|escape:'html'}}_input" id="{{$template|escape:'html'}}_sentdate_text" ></input>
            </td>
          </tr>
          <tr>
            <td align="left">Branch</td>
            <td class="{{$template|escape:'html'}}_td2">
              <select class="{{$template|escape:'html'}}_select1" id="{{$template|escape:'html'}}_branch_select" ></select>
            </td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td3">Company</td>
            <td class="{{$template|escape:'html'}}_td2">
              <table cellPadding="0" cellSpacing="0">
                <tr>
                  <td>
                    <select class="{{$template|escape:'html'}}_select2" id="{{$template|escape:'html'}}_company_select" ></select>
                  </td>
                  <td style="padding-left: 2px">
                    <input class="add2" type="button" id="{{$template|escape:'html'}}_addcompany_button"></input>
                  </td>
                </tr>
              </table>
            </td>
          <tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td3">Code</td>
            <td class="{{$template|escape:'html'}}_td2">
              <input class="{{$template|escape:'html'}}_input" id="{{$template|escape:'html'}}_code_text" ></input>
            </td>
          <tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td3">Package Number</td>
            <td class="{{$template|escape:'html'}}_td2">
              <input class="{{$template|escape:'html'}}_input" id="{{$template|escape:'html'}}_packagenumber_text" ></input>
            </td>
          <tr>
          <tr>
            <td align="left" valign="top">Comment</td>
            <td class="{{$template|escape:'html'}}_td2">
              <textarea id="{{$template|escape:'html'}}_comment_text" cols=40 rows=5></textarea>
            </td>
          </tr>
        </table>
      </td>
      <td width=100%></td>
    </tr>
  </table>
  <div style="margin-top: 30px"></div>
  <div style="font-size: 15px; margin-bottom: 5px"><b>Product List</b></div>
  <table class="tableborder" id="{{$template|escape:'javascript'}}_purchase_table" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td7">Customer</td>
      <td class="{{$template|escape:'html'}}_td8">Product</td>
      <td class="{{$template|escape:'html'}}_td9">Task</td>
      <td class="{{$template|escape:'html'}}_td10">&nbsp</td>
    </tr>
  </table>
  
  <table cellPadding="0" cellSpacing="0">
    <tr>
      <td style="width: 720px; height: 30px; text-align: right;">
        <input type="button" value="Add Purchase" class="button" id="{{$template|escape:'html'}}_addpurchase_button" ></input>
        <input type="button" value="Save" class="button" id="{{$template|escape:'html'}}_add_button" ></input>
      </td>
      <td ></td>
    </tr>
  </table>
</div>


        
